<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">


    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../resources/css/style.css" rel="stylesheet" type="text/css" />
        <link href="./../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
        <script  type="text/javascript" src="jquery.poptrox-0.1.js"></script>
        <title><ui:insert name="titrePage"/></title>
        <SCRIPT LANGUAGE="JavaScript">
            function affichageTab()
            {
                
                var obj = document.getElementById('tableau');
                if(obj.style.display == "none"){
                    obj.style.display = 'block';
                }
                else {
                    obj.style.display = 'none';
                }
            }
            function afTab()
            {
                
                var obj = document.getElementById('tableau');
                    obj.style.display = 'block';
                
            }
        </SCRIPT>

    </h:head>

    <h:body>
        <div id="header" class="container">
            <div id="logo">
                <h1><a href="#">Projet application banquaire</a></h1>
                <p>Amine-Cywier-Pierro</p>
            </div>

            <div id="menu">



                <h:form>  

                    <h:commandButton value="Deconnecter" action="#{compteBancaireMBean.doDeconnect}" />

                    <p:menubar autoSubmenuDisplay="true"> 
                        <p:submenu label="Mon Compte" >  
                            <p:menuitem value="Mes infos" url="/faces/infoAdministrateur.xhtml" />  

                        </p:submenu> 
                        <p:submenu label="Gestion compte"  >  
                            <p:menuitem value="Creer un epargne" url="/faces/creerCompteEpargne.xhtml"/>  
                            <p:menuitem value="Virement" url="/faces/virement.xhtml"/> 

                        </p:submenu>  

                        <p:submenu label="Clients" >  
                            <p:menuitem value="Creer client"  url="/faces/creerCompteCourant.xhtml"/> 
                            <p:menuitem value="Affichage" url="/faces/clients.xhtml"/> 
                            <p:menuitem value="Rechercher un client" url="/faces/chercherClient.xhtml"/> 


                        </p:submenu>  


                    </p:menubar> 

                </h:form> 




            </div>


        </div>
        <div id="page">            
            <div id="bg1">
                <div id="bg2">
                    <div id="bg3">
                        <ui:insert name="partieMilieu"></ui:insert>
                        <div id="content" >
                            <ui:insert name="partieDroite"></ui:insert>

                        </div>
                        <div id="sidebar">

                            <ui:insert name="partieGauche"></ui:insert>

                        </div>

                    </div>
                </div>
            </div>
        </div>

    </h:body>

</html>
